<ion-view title="<font style='font-size:0px;'>{{title}}</font>"> 
	<ion-content>
		<div class="row" >
		  <div class="col col-50" style="text-align: center;border-right: 1px solid #f8f8f8;">
				<font style="color: #484747">{{data.money}}</font><br/><font style="font-size: 13px;color: #727171;">可用金额(元)</font>
		  </div>
		  <div class="col col-50" style="text-align: center;">
		  		<font style="color: #484747">{{data.count}}</font><br/><font style="font-size: 13px;color: #727171;">可用投资券(张)</font>
		  </div>
		</div>
<ion-list>
		<div ng-repeat ="loanRed in list" style="margin: 0;padding: 0;background: #f8f8f8;">
			<!--可用-->
			<div style="padding: 15px 0;" ng-if="loanRed.status==0">
				<div  style="background:url(../img/loanRed.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%">
					<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#f96300;">￥{{loanRed.amount | number:2}}</div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;"><a href="javascript:void(0)" ng-click="showRule()">查看使用规则>></a></div>
				</div>
			
			</div>
			<!--已使用-->
			<div style="padding: 15px 0;" ng-if="loanRed.status==1">
				<div  style="background:url(../img/loanRedOther.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%;position: relative;">
					<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#d5d5d5;">￥{{loanRed.amount | number:2}}</div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;">查看使用规则>></div>
					<img src="../img/used.png" style="position: absolute;z-index: 99999;width:36%;top: 5%;right:0;"/>
				</div>
			</div>
			<!--已过期-->
			
			<div style="padding: 15px 0;" ng-if="loanRed.status==3">
				<div  style="background:url(../img/loanRedOther.png) no-repeat;height: 120px; width: 90%;margin:0 auto;background-size:100% 100%">
					<div style="text-align: center;height: 78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#d5d5d5;">￥{{loanRed.amount | number:2}}</div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
					<div style="text-align: center;height: 21px;line-height: 21px;padding-left: 40px;font-size: 13px;">查看使用规则>></div>
					<img src="../img/overDue.png" style="position: absolute;z-index: 99999;width:36%;top: 5%;right:0;"/>
				</div>
			</div>
		  
		</div>	
		
		
			<img ng-if="noData" style="margin-top: 40px;margin-left: 18%;width: 60%;" src="../img/404.png">
				&nbsp;
			</img>
			<a ng-click="showRule()" ng-if="noData" href="javascript:void(0);" style="display: block;margin-top: 10px;text-align: center;"> 查看使用规则</a>

		<ion-infinite-scroll ng-if="noMore" on-infinite="loadList()" distance="1%"></ion-infinite-scroll> 
</ion-list>
	</ion-content> 
</ion-view>